跳到主要内容

CSS 溢出

阐述

overflow 属性指定了在固定高度的情况下如何处理容器装不下的内容,它是 overflow-xoverflow-y 两个属性的简写,可以包括以下取值:

  • visible:默认,溢出内容可见
  • clip:溢出内容被剪切
  • scroll:可以滚动
  • hidden:类似于 scroll,但滚动条不可见
  • auto:仅当装不下时滚动

当该值设为后三者之一时,容器会成为「可滚动容器」,任何元素都不会溢出。

而在固定宽度的横向溢出时,需要用 white-space: nowrap 来防止折行。

实例

横向滚动

.wrapper {
overflow: auto;
white-space: nowrap;
}

性质

相关内容

参考文献